.gaikuo {
    height: 100%;
    width: 1100px;


    .top {
        width: 100%;
        margin-bottom: 20px;

        .shang {
            margin: 20px 0;

            span {
                color: #717171;
                font-size: 16px;
                font-weight: 400;
                margin-left: 30px;
            }
        }

        .xia {
            display: flex;
            justify-content: space-between;

            .one {
                background-image: url(https://cdn7.axureshop.com/demo/1903216/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u661.svg);
                background-size: 100%;
                width: 23%;
                height: 133px;
                line-height: 2;
                box-sizing: border-box;
                padding: 10px;
                color: white;
            }

            .one:nth-child(2) {
                // background-image: url(https://cdn7.axureshop.com/demo/1903216/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u675.svg);
                background: linear-gradient(-62.24145939894deg, rgba(26, 223, 140, 1) 0%, rgba(25, 185, 89, 1) 100%);
                border-radius: 16px;
            }

            .one:nth-child(3) {
                background-image: url(https://cdn7.axureshop.com/demo/1903216/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u675.svg);
            }

            .one:nth-child(4) {
                background-image: url(https://cdn7.axureshop.com/demo/1903216/images/%E7%B3%BB%E7%BB%9F%E9%A6%96%E9%A1%B5/u682.svg);
            }


        }
    }

    #charts {
        height: 500px;
        color: orange;

        canvas {
            border-radius: 30px;
        }
    }

    .big_box {
        height: 700px;
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
        box-sizing: border-box;

        .left,
        .right {
            width: 49%;

            .geshang {
                height: 60%;
                background-color: white;
                border-radius: 20px;
                margin-bottom: 50px;

                .ant-table-wrapper {
                    height: 100%;

                    .ant-table-thead {
                        .ant-table-cell:nth-child(2) {
                            width: 88px;
                            text-align: center;
                        }
                    }

                    .ant-table-tbody>tr>td {
                        padding: 7px 5px;
                        text-align: center;

                        img {
                            width: 100%;
                        }
                    }

                    .ant-table-tbody {
                        .ant-table-row {
                            td:nth-child(1) {
                                color: blue;
                            }

                            .ant-table-cell:nth-child(3) {
                                color: blue;
                            }
                        }
                    }
                }

                .ant-pagination {
                    opacity: 0;
                }
            }


            .gexia {
                height: 40%;
                background-color: white;
                border-radius: 20px;

                #fangwen {
                    height: 100%;
                    width: 540px;

                    canvas {
                        border-radius: 30px;
                    }
                }

                #money {
                    height: 100%;
                    width: 540px;

                    canvas {
                        border-radius: 30px;
                    }

                }

            }
        }

    }
}